<template lang="html">
<div class="page">
  <!-- header_start   -->
  <v-header><span slot="left" class="mui-pull-left navLeft"><i class="arrowLeft"></i>返回</span><span slot="right" class="mui-pull-right navRight">全部报告<i class="edit"></i></span></v-header>
  <!-- header_end   -->

  <!-- center_start -->
  <div class="mui-content">
      <div style="position: relative;background: #ffffff;height: 60px;" class="iconright"></div>
      <cellTitle linkNmae="更多" :isLink="true"></cellTitle>
      <lineLoading :ishow="true"></lineLoading><lineLoading :ishow="true" :isLoading="false" tip="到底了，朋友！"></lineLoading>
      <router-link :to='{"name":"moreXdjt",params:{}}'>测试</router-link>
      <p style="background: #666666;color: #FFFFFF;padding-left: 0.4rem;margin-top: 0.4rem;">提示框</p>
          <p><a href="javascript:;" @click="mobileLoading">加载层</a></p>
          <p><a href="javascript:;" @click="mobilePrompt">手动普通提示框</a></p>
          <p><a href="javascript:;" @click="mobileOrdinary">普通提示框</a></p>
          <p><a href="javascript:;" @click="confirmOk">Confirm Ok 回调函数</a></p>
          <p><a href="javascript:;" @click="confirmOkCancel">Confirm Ok and Cancel 回调函数</a></p>
          <p><a href="javascript:;" @click="confirmOkCancel1">自定义弹框</a></p>
          <p><a href="javascript:;" @click="datePickerPopup">普通年月{{selected}}</a></p>
      <p style="background: #666666;color: #FFFFFF;padding-left: 0.4rem;">空页面区域</p>
          <listEmpty show="01" :contont='{"topText":"暂无用户，请先注册！","centerText":"服务模块注册新用户后，再进行家庭医生预约"}'></listEmpty>
          <listEmpty show="02" :contont='{"topText":"暂无用户，请先注册！","centerText":"请进入“会员专享”服务模块注册新用户后，再进行家庭医生预约"}'></listEmpty>
          <listEmpty show="02" logo="01" :contont='{"topText":"暂无相关信息！","centerText":"g","bootomText":"g"}' :but='{"aText":"返回主页","bText":"预约记录"}'></listEmpty>
  </div>
  <!-- center_end -->
  <!-- 组件页面的引用在下面 -->
  <datePicker  :show="showPicker" @onConfirmDate="callDatePicker"></datePicker> <!-- startDate="2015-10"    :selected="selected" -->

</div>
</template>

<script>
    import datePicker from '@/components/datePicker/datePicker.vue' /* 日期 */
export default {
  name: "empty",
  components:{datePicker},
  data () {
    return {
        type:"",// 空 健康走势    02 小儿食积走势
        showPicker:false,
        selected:""
    }
  },
  created(){

  },
  mounted() {

  },
  methods: {
      httpDemo(){
          this.$api.static_ecgUuid().then((res)=>{
              console.log(JSON.stringify(res))
          }).catch((error)=>{
          });
      },
      /**
       * 普通日期
       */
      datePickerPopup(){
          this.showPicker=false;
          setTimeout(()=>{
              this.showPicker=true;
          },10)
      },
      callDatePicker(val){
          this.selected=val
      },
      mobileLoading(){
          this.$utils.mobileLoading();
      },
      mobilePrompt(){
          this.$utils.mobilePrompt('你还好吗');
          //this.$utils.mobileClose();

      },
      mobileOrdinary(){
          this.$utils.mobileOrdinary('你还好吗');
      },
      confirmOk(){
          this.$utils.mobileTip("<p class='tiptitle'>你还好吗你还好吗</p>你还好吗！", ()=> {
              this.$utils.mobileTip('好');
          });
          /**/
      },
      confirmOkCancel(){
          this.$utils.mobileConfirm("你还好吗！", ()=> {
              this.$utils.mobileTip('好');
          },()=> {
              this.$utils.mobileTip('不好');
          });
      },
      confirmOkCancel1(){
          this.$utils.mobileBounced({
              btn:["预约","不预约"],
              // className: 'type-alert active',
              content:"<p class='tiptitle'>你还好吗你还好吗</p>你还好吗！",
              sucCallBack:()=>{

              },
              noCallBack:()=>{

              }
          });
      },
  }
};
</script>

<style lang="scss" scoped>
</style>
